<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
  <link rel="icon" href="images/ico01.png" type="image/x-icon"/>
  <meta charset="UTF-8">
  <title>超市管理后台</title>
  <link type="text/css" rel="stylesheet" href="fontsawesome/css/font-awesome.css"/>
  <link type="text/css" rel="stylesheet" href="css/style_index.css"/>
  <style type="text/css">
    img{
      width: 70px;
      height:70px;
      border-radius: 50%;
    }
    #nav{
      width: 620px;
    }


  </style>
</head>
<body>
<div class="header">
  <div class="logo">
    <a href="index.jsp"><img src="images/logo.jpg"/></a>
  </div>
  <div class="nav" id="nav">
    <ul class="clearfix">
      <li>
        <i class="fa fa-paste font_lager"></i>
        <p data-fast="vip">会员管理</p>
      </li>
      <li>
        <i class="fa fa-user-plus font_lager"></i>
        <p data-id="commodity">商品管理</p>
      </li>
      <li>
        <i class="fa fa-file-text font_lager"></i>
        <p data-id="train">类别管理</p>
      </li>
      <li>
        <i class="fa fa-user-circle-o font_lager"></i>
        <p data-id="award">评论管理</p>
      </li>
      <li>
        <i class="fa fa-users font_lager"></i>
        <p data-id="recruit">订单管理</p>
      </li>
      <li>
        <i class="fa fa-cube font_lager"></i>
        <p data-id="admin">系统设置</p>
      </li>
    </ul>
  </div>
  <div class="nav_roll f_left" style="display:none;">
    <div class="f_left">
      <i class="fa fa-caret-left fa-1x"></i>
    </div>
    <div class="f_right">
      <i class="fa fa-caret-right fa-1x"></i>
    </div>
  </div>
  <ul class="login_msg" style="width: 600px">
    <li style="font-size: 16px">欢迎您: &nbsp;${admin.username }</li>
    <li><img alt="${admin.photo }" src="http:\\<%=request.getServerName() %>:8080\admin_photo/${admin.photo }"></li>
    <li><button class="btn btn_truck" onclick="location.href='login?flag=clear'">注销登录</button></li>
  </ul>
</div>
<!--top end-->
<div class="main_left">
  <h2><i class="menu_icon fa fa-reorder"></i></h2>
  <ul class="menu">
    <!--会员管理-->
    <li>
      <i class="menu_icon fa fa-commenting-o"></i>
      <a href="javascript:void(0);" data-fast="vip" data-href="vip_list.jsp">会员列表</a>
    </li>
    <li>
      <i class="menu_icon fa fa-commenting-o"></i>
      <a href="javascript:void(0);" data-fast="vip" data-href="add_vip.jsp">会员添加</a>
    </li>
    <!--商品管理-->
    <li>
      <i class="menu_icon fa fa-list"></i>
      <a href="javascript:void(0);" data-id="commodity" data-href="merchaned_list.jsp">商品列表</a>
    </li>
    <li>
      <i class="menu_icon fa fa-cube"></i>
      <a href="javascript:void(0);" data-id="commodity" data-href="add_merchaned.jsp">商品增加</a>
    </li>
    <!--类别管理-->
    <li>
      <i class="menu_icon fa fa-history"></i>
      <a href="javascript:void(0);" data-id="train" data-href="lb_list.jsp">类别管理</a>
    </li>
    <li>
      <i class="menu_icon fa fa-history"></i>
      <a href="javascript:void(0);" data-id="train" data-href="add_lb.jsp">新增类别</a>
    </li>
    <%--评论处理--%>
    <li>
      <i class="menu_icon fa fa-users"></i>
      <a href="javascript:void(0);" data-id="award" data-href="pl_list.jsp">评论管理</a>
    </li>
    <%--订单处理--%>
    <li>
      <i class="menu_icon fa fa-plus-square"></i>
      <a href="javascript:void(0);" data-id="recruit" data-href="order_list.jsp">所有订单</a>
    </li>
    <li>
		<i class="menu_icon fa fa-calendar-check-o"></i>
		<a href="javascript:void(0);" data-id="admin" data-href="admin_msg.jsp">账户信息</a>
	</li>
	<li>
		<i class="menu_icon fa fa-calendar-check-o"></i>
		<a href="javascript:void(0);" data-id="admin" data-href="update_admin_psw.jsp">修改密码</a>
	</li>
  </ul>
</div>
<!--left end-->
<div class="main_right">
  <iframe src="Hello.jsp" name="cont_box" frameborder="0" width="100%" height="100%" seamless></iframe>
</div>
<!--desktop end-->
<!--javascript include-->
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/tipSuppliers.js"></script>
<script>
    $("iframe[name='cont_box']").on("load",function(){
        $(".loading").hide();
        setTimeout(function(){$("iframe[name='cont_box']").css("opacity","1");},500);
    });
    $(function(){
        $(".loading").hide();
        setTimeout(function(){$("iframe[name='cont_box']").css("opacity","1");},500);
        $(".nav li:first").trigger("click");
    });
    jQuery("body").jrdek({Mtop:".header",Mleft:".main_left",Mright:".main_right",foldCell:".main_left h2"});
    $(".logo").click(function(){
        $("iframe[name='cont_box']").prop("src","Hello.jsp");
    });
</script>
</body>
</html>